<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p>vscode 常用快捷键：</p>
    <p>! 模板</p>
    <p>shift+alt +下 复制鼠标光标的内容</p>
    <p>ctrl+d 选择多个</p>
    <p>ctrl+h 查找替换</p>
    <p>ctrl+g 输入跳转行</p>
    <p>ctrl+/ 单行注释</p>
    <p>==============================vscode 常用的插件：</p>
    <p>会了吧</p>
    <p>auto rename tag</p>
    <p>chinese</p>
    <p>git graph</p>
    <p>gitlens</p>
    <p>live server</p>
    <p>open in browser</p>
    <p>vscode-icons</p>
    <p>==============================字符集作用：</p>
    <p>DOCTYPE html 告诉浏览器使用那种版本html来显示网页，文档类型的声明标签</p>
    <p>lang 语言种类：en-英文 zh-CN 中文</p>
    <p>charset 字符集作用：UTF-8 万国语言，基本包含所有语言字符集</p>
    <p>==============================常用标签：</p>
    <p id="header">【1】标题标签：h1-h6 共6级标题</p>
    <h1>标题一共六级选</h1>
    <h2>文字加粗一行选</h2>
    <h3>由大到小依次减</h3>
    <h4>从重到轻随之变</h4>
    <h5>语法规范书写后</h5>
    <h6>具体效果刷新见</h6>
    <p>【2】段落和换行标签</p>
    <p>p是段落，br单标签是break打断换行的缩写</p>
    <p>==============================文本格式化标签：</p>
    <p>我是第一种<strong>加粗</strong>，使用strong标签</p>
    <p>我是第二种<b>加粗</b>，使用b标签</p>
    <p>我是第一种<em>倾斜的文字</em>，使用em标签</p>
    <p>我是第二种<i>倾斜的文字</i>，使用i标签</p>
    <p>我是第一种<del>删除线</del>，使用del标签</p>
    <p>我是第二种<s>删除线</s>，使用s标签</p>
    <p>我是第一种<ins>下划线</ins>，使用ins标签</p>
    <p>我是第二种<u>下划线</u>，使用u标签</p>
    <p>【div】和【span】标签是盒子标签，没有语义，用来装内容，进行布局</p>
    <p>【div】表分割，一行只能放一个，是个大盒子</p>
    <p>【span】表跨距，一行可以放多个span</p>
    <p>图像标签及路径：<img src="../images/红色苹果.jpg" alt="我是替换文字，图像显示不出来的时候展示" title="这是一个红色的苹果" width="100" height="100"
            border="15"></p>
    <p> <img src="红色苹果2.jpg" alt="我是替换文字，图像显示不出来的时候展示"></p>
    <p>alt属性是替换文本，当图像显示不出来的时候，用文字替换</p>
    <p>title是提示文本，鼠标放到图上时，提示的文字</p>
    <p>width是设置宽度, hight是设置高度,一般设置一个，另一个会等比缩放</p>
    <p>border是设置边框</p>
    <p>==============================超链接标签：</p>
    <p>链接分为内部链接和外部链接，内部链接为网站内部页面之间跳转，外部链接为跳转至别的网站</p>
    <p>超链a标签接有2个属性：1.href链接的url地址（必须属性）,target用于指定页面的打开方式，其中_self为默认值，_blank在新窗口打开方式</p>
    <p><a href="http://wwww.baidu.com" target="_blank">百度</a></p>
    <p><a href="#" target="_blank">这是一个空链接</a></p>
    <p><a href="../file/下载文件.zip" target="_blank">这是一个下载链接</a></p>
    <p>锚点链接目的是快速跳转至目的位置，需要2步：1.设定锚点(href加#)， 2.设定跳转目的(id或name)</p>zs第三个
    <p><a href="#header">这是一个锚点链接：跳转至header</a></p>
</body>

</html>